<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学知鸟-边框</title>
		<link rel="shortcut icon" href="../../share/img/logo.png">
		<link rel="stylesheet" href="../../share/css/main.css">
	</head>
	<body>
		<div class="row">
			<div class="col-1">
				<section>
					<h3>边框</h3>
					<ul class="d-list">
						<li>边框要素: 宽度、样式、颜色、圆角</li>
						<li>可以单独设置上下左右边框样式，顺序为：上、右、下、左</li>
						<li>border: 宽度、样式、颜色，统一设置</li>
						<li>border-top, border-bottom, border-left, border-right 分别设置</li>
						<li>border-radius: 设置圆角</li>
						<li>边框样式：none, solid, dashed, dotted, double</li>
						<li>border-image: 以图片设置边框，可以结合 linear-gradient, radio-gradient 设置渐变色</li>
					</ul>
				</section>
			</div>
			<div class="col-1">
				
			</div>
			<div class="col-1">
				
			</div>
		</div>
	</body>
</html>